<!DOCTYPE html>
<html>
	<head>
		<title>AAA产品</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="assets/css/custom.css"/>		
	</head>

	<body>
		
		<!--  Navigation Bar -->
		
		<nav class="navbar navbar-default navbar-fixed-top noBorder" role="navigation">
			<div class="container">
				
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
						<span class="sr-only">AAA产品</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand brandStyle" href="#">AAA产品</a>
				</div>
				
				<div class="collapse navbar-collapse noPadding"	id="myNavbar">
					<div class="navbar-right menustyle">
						<ul class="nav navbar-nav">
							<li><a href="#"><p>首页</p></a></li>
							<li><a href="#"><p>产品介绍</p></a></li>
							<li><a href="#"><p>下载地址</p></a></li>
							<li><a href="#"><p>关于我们</p></a></li>

						</ul>
					</div>
				</div>
				
			</div>
		</nav>

		<!-- Main Page -->
      
		<div class="container-fluid noPadding">
			
			<div class="container-fluid headpicture"></div>
			
			<div class="container text-center">
				
				<h1>描述</h1>

				<p class="textStyle">
					描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述
					描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述
					描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述
					描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述
				</p>
				
				<h1>功能介绍</h1>

			</div>
			
			<div class="container textstyle">
				<div class="row text-center latestProjects">
					
					<div class="col-md-4 col-sm-6">
						<a href="http://dribbble.com/shots/1210363-Weather-App-Washing-Machine-iOS7" >
							<img class="imgsize" src="assets/images/1.jpg" alt="weather app">
						</a>
						<p>功能1 <a href="http://dribbble.com/shots/1210363-Weather-App-Washing-Machine-iOS7">更多→</a></p>
					</div>
					
					<div class="col-md-4 col-sm-6">
						<a href="http://dribbble.com/shots/202313-British-Tea-Cup" >
							<img class="imgsize" src="assets/images/2.jpg" alt="british tea cup">
						</a>
						<p>功能2 <a href="http://dribbble.com/shots/202313-British-Tea-Cup">更多→</a></p>
					</div>

					<div class="col-md-4 col-sm-12">
						<a href="http://dribbble.com/shots/606745-In-app-Visual-Data" >
							<img class="imgsize" src="assets/images/3.jpg" alt="app visualization data">
						</a>
						<p>功能3 <a href="http://dribbble.com/shots/606745-In-app-Visual-Data">更多→</a></p>
					</div>
				</div>
			</div>

			<!-- Footer -->
			
			<div class="container footer">
				<div class="col-xs-12 col-md-8 noPadding">
					<p id="footerLogoText">AAA产品  © 2015 .</p>
				</div>
				<div class="col-xs-12 col-md-4 noPadding">
					<div class="socialButtons responsiveAlign">
						<a href="#" class="noPadding">
							<img src="assets/images/twitter.svg" alt="image1">
						</a>
						<a href="#" class="noPadding">
							<img src="assets/images/facebook.svg" alt="image1">
						</a>
						<a href="#" class="noPadding">
							<img src="assets/images/behance.svg" alt="image1">
						</a>
					</div>
				</div>
			</div>

		</div>

		<script src="assets/js/jquery-1.11.0.min.js"></script> 
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/myscript.js"></script>
	</body>
</html>